import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      name: 'home',
      component: HomeView,
    },
    {
      path: '/basic-map',
      name: 'Basic Map',
      component: () => import('../views/demos/BasicMapDemo.vue')
    },
    {
      path: '/point-layer',
      name: 'Point Layer',
      component: () => import('../views/demos/PointLayerDemo.vue')
    },
    {
      path: '/line-layer',
      name: 'Line Layer',
      component: () => import('../views/demos/LineLayerDemo.vue')
    },
    {
      path: '/polygon-layer',
      name: 'Polygon Layer',
      component: () => import('../views/demos/PolygonLayerDemo.vue')
    },
    {
      path: '/line-pattern',
      name: 'Line Pattern',
      component: () => import('../views/demos/LinePatternDemo.vue')
    },
    {
      path: '/marker',
      name: 'Marker',
      component: () => import('../views/demos/MarkerDemo.vue')
    },
    {
      path: '/navigation',
      name: 'Navigation',
      component: () => import('../views/demos/NavigationDemo.vue')
    },
    {
      path: '/popup',
      name: 'Popup',
      component: () => import('../views/demos/PopupDemo.vue')
    },
    {
      path: '/rectangle-draw',
      name: 'Rectangle Draw',
      component: () => import('../views/demos/RectangleDrawDemo.vue')
    },
    // Add more demo routes here following the same pattern
  ]
})

export default router
